<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>学生管理系统</title>
    <!-- 新 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" type="text/css" th:href="@{/bootstrap/css/bootstrap.css}">
    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script type="text/javascript" th:src="@{/bootstrap/js/jquery-3.5.1.js}"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script type="text/javascript" th:src="@{/bootstrap/js/bootstrap.js}"></script>
    <style>
        .container-fluid {
            padding-right: 100px;
            padding-left: 100px;
        }
    </style>
</head>
<body>
<div class="container-fluid">
    <div class="row clearfix">
        <div class="col-md-auto column">
            <div class="jumbotron">
                <div class="page-header">
                    <h1>
                        学生管理系统 <small>申诉系统</small>
                    </h1>
                </div>
                <h4>
                    本系统提供忘记密码申诉修改功能，即如果您忘记密码，您可以通过填写系统要求申诉的相关信息向系统发起申诉请求，等待系统管理员对您的密码进行初始化！
                </h4>
            </div>
            <hr>
            <div class="row clearfix">
                <div class="col-md-8 column">
                    <form role="form" th:action="@{/forgotPassword/validate}">
                        <div class="form-group">
                            <label for="exampleInputEmail">邮箱地址：</label><input type="email"
                                                                               class="form-control"
                                                                               id="exampleInputEmail"
                                                                               name="email"/>
                        </div>
                        <div class="form-group">
                            <label for="exampleInputAccount">申诉账号：</label><input type="text"
                                                                                 class="form-control"
                                                                                 id="exampleInputAccount"
                                                                                 name="account"/>
                        </div>
                        <br>
                        <button type="submit" class="btn btn-success">提交申诉</button>
                        <a class="btn btn-danger" th:href="@{/}">返回登录</a>
                    </form>
                </div>
                <hr>
                <div class="col-md-4 column">
                    <h2>
                        申诉步骤：
                    </h2>
                    <h5>
                        1.根据申诉要求填写要申诉的账号，并填写申诉接收回执的邮箱地址;<br>
                        2.提交成功后，等待系统管理员通过邮箱地址对申诉进行回信和验证身份;<br>
                        3.验证成功后，系统管理员将会对您的账号登录密码进行重置.
                    </h5>
                </div>
                <hr>
            </div>
            <div class="alert alert-danger alert-dismissable">
                <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                <h4>
                    注意!
                </h4> <strong>Warning!</strong>申诉请求审核将在提交申诉后的<strong>工作日两个小时内</strong>开始进行，请注意查看您的邮箱地址，在此期间也请谨防网络诈骗冒充系统管理员进行信息诈骗！！！
            </div>
        </div>
    </div>
</div>
</body>
</html>